<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1{width:100px; height:120px;background:red;}
</style>
<script src="../JS_warehouse/$(v).js"></script>
<script>
$(function(){
	$('btn').onclick = function (){
		
	  /*if($('div1').currentStyle){
			alert($('div1').currentStyle.width);
		}else{
			alert(getComputedStyle($('div1')).width);
		}*/
		
		alert(getStyle($('div1'),'height'));
	}
})
//因为每次都写很麻烦，所以我们可以将上面注释的部分可以封装起来再调用它
function getStyle(obj,attr){
	/*if(obj.currentStyle){
		return obj.currentStyle[attr];
	}else{
		return getComputedStyle(obj)[attr];
	}*/
	//还可以再用三目运算写成一行
	return obj.currentStyle ? obj.currentStyle[attr] :getComputedStyle(obj)[attr];	
}
</script>
</head>
<body>
<input id="btn" type="button" value="按钮">
<div id="div1"></div>
</body>
</html>
